<!doctype html>
<html lang='zh'>

<head>
  <title>Link Game</title>
  <link rel='stylesheet' href='/stylesheets/style.css'>
  <link rel="stylesheet" href="/stylesheets/style_game.css">
</head>

<body>
<div id='content'>
  <div >
    <p class="title"> Current Room: </p>
    <p id="room"></p>
  </div>
  <div id='room-list'></div>
  <div id='help'>
    <p class="title"> Tips :</p>
    <ul>
      <li>WaittingRoom is for everyone, but u can't play games there.</li>
      <li>U can start a game by creating a new room and when another player enter ur room, the game will start auto.</li>
      <li>U can't join a room which is running a game.</li>
      <li>The words u speak is open to everybody in the room. </li>
    </ul>
    <p class="title"> Game commands:</p>
    <ul>
      <li>Join/create room: <code>/join [room name]</code></li>
      <li>Change Name: <code>/nick [new name]</code></li>
    </ul>
  </div>
  <div id='messages'></div>
  <form id='send-form'>
    <input id='send-message' />
    <input id='send-button' type='submit' value='Send'/>
  </form>
</div>
<div id="main_2" style="width: 35%; float: right;"></div>
<div id="main" style="width: 35%; float: right; margin-right: 2em; "></div>
<script src='/socket.io/socket.io.js' type='text/javascript'></script>
<script src='http://code.jquery.com/jquery-1.8.0.min.js' type='text/javascript'></script>
<script src="/javascripts/tool.js" type="text/javascript"></script>
<script src='/javascripts/chat.js' type='text/javascript'></script>
<script src='/javascripts/chat_ui.js' type='text/javascript'></script>

<script type="text/javascript" src="javascripts/game.js"></script>
<script type="text/javascript" src="javascripts/lianliankan.js"></script>

</body>
</html>
